<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <style>

    body{
      margin: 0;
    }
    html {
      overflow: scroll;
      scroll-behavior: smooth
    }

    body {
      margin: 0;
    }

    .el-menu-demo.el-menu--horizontal.el-menu {
      border: none;
    }

    .el-menu-item {
      padding: 0;
    }

    /*menu中的a标签*/
    .my-menu-a {
      text-decoration: none;
      display: block;
      padding: 0px 10px;
      height: 60px;
      text-align: center;
    }

    /*弹出栏的样式*/
    .el-popover.el-popper {
      background: rgba(255, 255, 255, .95);
      border: none;
      border-radius: 15px;
      box-shadow: none;
    }

    .el-input__inner {
      border: none;
      outline: none;
      box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
    }

    .hoverable {
      transition-duration: .1s;
    }

    .hoverable:hover {
      transform: scale(1.1);
      transition-duration: .2s;
      filter: brightness(1.1);
    }

    .hoverable:active {
      transform: scale(.8);
      transition-duration: .05s;
    }

    .el-button {
      color: black;
      background: transparent;

      border: none;
      border-radius: 15px;
    }

    .el-button:hover {
      color: orange;
      background: transparent;

      box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
    }

    .el-button:focus, .el-button:active {
      color: orange;
      background: transparent;

      box-shadow: none;
    }


    #mn-recipe-row .el-card__body, #mn-mv-row .el-card__body, #mn-info-row .el-card__body {
      padding: 0;
    }

    .t {
      text-decoration: none;
      color: orange;
    }

    .block-row {
      margin: 20px 0 0 0;
    }


    #hd-topCaro-div {
      transition-duration: .1s;
      filter: brightness(90%);
    }

    #hd-topCaro-div:hover {
      transition-duration: .2s;
      filter: brightness(100%);
    }


    .anchor-a {
      display: block;
      margin: 15px auto;
      width: 100%;
      height: 10px;
    }

    #ft-top-div p {
      font-size: 16px;
      line-height: 30px;
      color: #676b6f;
      margin: 5px 0;
    }

    #ft-top-div a {
      font-size: 14px;
      line-height: 20px;
      text-decoration: none;
      color: #676b6f;
      display: block;
      margin: 5px 0;
    }

    #ft-top-div h3 {
      color: white
    }

    #ft-mid-div a {
      font-size: 14px;
      line-height: 20px;
      text-decoration: none;
      margin: 0 5px;
      color: #424649;
    }

    .verticalDivision {
      content: '';
      display: block;
      height: 216px;
      width: 0;
      margin: 0 auto;
      border-right: 1px solid;
      border-color: #25282a;
      box-shadow: 1px 0 1px #393c40;
    }
    .mn-card-title{
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    #el-main{
      padding: 0;
    }
    .user-name{

      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      line-clamp: 1;
      -webkit-box-orient: vertical;
      margin-left: 7px;
    }
    .more-btn{
      background-image: linear-gradient(50deg, #3cd8e6, #13ff89);
      color: white;
      border-radius: 5px;
    }
    [v-clock]{display: none}

  </style>
</head>
<body>
  <div id="app"><section class="el-container is-vertical"><header class="el-header" id="el-hd" style="height: fit-content; width: 100%; padding: 15px 0px; position: fixed; top: 0px; left: 0px; z-index: 999; background: white;"><div class="el-row is-justify-space-between el-row--flex" id="hd-topBar-row" style="margin: 0px auto; width: 1200px; height: 70px;"><div class="el-col el-col-4" style="padding-left: 10px; padding-right: 10px;"><img src="/imgs/icon/icon01.png" alt="icon.png" style="width: 196px; height: 65px; cursor: pointer;"></div> <div class="el-col el-col-8" style="padding-left: 10px; padding-right: 10px;"><ul role="menubar" class="el-menu-demo el-menu--horizontal el-menu"><li role="menuitem" tabindex="0" class="el-menu-item is-active" style="color: orange; border-bottom-color: orange;"><a href="index.html" class="my-menu-a hoverable">
    首页</a></li><li role="menuitem" tabindex="0" class="el-menu-item" style="border-bottom-color: transparent;"><a href="recipeList.html" class="my-menu-a hoverable">
    食谱</a></li><li role="menuitem" tabindex="0" class="el-menu-item" style="border-bottom-color: transparent;"><a href="videoList.html" class="my-menu-a hoverable">
    视频</a></li><li role="menuitem" tabindex="0" class="el-menu-item" style="border-bottom-color: transparent;"><a href="infoList.html" class="my-menu-a hoverable">
    资讯</a></li></ul></div> <div class="el-col el-col-2" style="padding-left: 10px; padding-right: 10px;"><div style="height: 100%; width: 100%; margin: 0px auto; font-size: 25px; line-height: 25px; display: table; cursor: pointer;"><i class="el-icon-user" style="display: table-cell; text-align: center; vertical-align: middle;"></i></div></div></div></header> <main class="el-main" id="el-main" style="height: auto; width: 100%; background: rgb(241, 242, 243); padding-top: 80px;"><div style="width: 1200px; margin: 0px auto;"><div class="block-row el-row" id="hd-Caro-row" style="width: 100%; height: 100%;"><div id="hd-topCaro-div" style="width: 100%; height: 100%;"><div class="el-carousel el-carousel--horizontal" style="width: 100%;"><div class="el-carousel__container" style="height: 375px;"><button type="button" class="el-carousel__arrow el-carousel__arrow--left" style="display: none;"><i class="el-icon-arrow-left"></i></button><button type="button" class="el-carousel__arrow el-carousel__arrow--right" style="display: none;"><i class="el-icon-arrow-right"></i></button><div class="el-carousel__item is-active is-animating" style="transform: translateX(0px) scale(1);"><!----><div style="width: 100%; height: 100%; margin: 0px auto;"><img src="/imgs/hd/banner1.jpg" alt="轮播图.png" height="100%" width="100%" class="imgHover"></div></div><div class="el-carousel__item" style="transform: translateX(1200px) scale(1);"><!----><div style="width: 100%; height: 100%; margin: 0px auto;"><img src="/imgs/hd/banner2.jpg" alt="轮播图.png" height="100%" width="100%" class="imgHover"></div></div><div class="el-carousel__item is-animating" style="transform: translateX(-1200px) scale(1);"><!----><div style="width: 100%; height: 100%; margin: 0px auto;"><img src="/imgs/hd/banner3.jpg" alt="轮播图.png" height="100%" width="100%" class="imgHover"></div></div></div><ul class="el-carousel__indicators el-carousel__indicators--horizontal"><li class="el-carousel__indicator el-carousel__indicator--horizontal is-active"><button class="el-carousel__button"><!----></button></li><li class="el-carousel__indicator el-carousel__indicator--horizontal"><button class="el-carousel__button"><!----></button></li><li class="el-carousel__indicator el-carousel__indicator--horizontal"><button class="el-carousel__button"><!----></button></li></ul></div></div></div></div> <div id="main-container-div" style="width: 1200px; margin: 0px auto; padding: 0px 150px; box-sizing: border-box; background: white;"><div class="block-row el-row" id="mn-recipe-row"><a name="recipe" class="anchor-a"></a> <div class="el-col el-col-24"><div class="el-row"><div class="el-col el-col-3"><p style="float: left; line-height: 65px; margin: 0px; font-size: 28px; font-weight: 500;">
    烘焙食谱</p></div> <div class="el-col el-col-21"><div style="height: 65px;"><ul role="menubar" class="el-menu-demo el-menu--horizontal el-menu"><li role="menuitem" tabindex="-1" class="el-menu-item is-active" style="border-bottom-color: orange; color: orange;"><a class="my-menu-a hoverable">全部</a></li><li role="menuitem" tabindex="-1" class="el-menu-item" style="border-bottom-color: transparent;"><a class="my-menu-a hoverable">面包</a></li><li role="menuitem" tabindex="-1" class="el-menu-item" style="border-bottom-color: transparent;"><a class="my-menu-a hoverable">家常菜</a></li><li role="menuitem" tabindex="-1" class="el-menu-item" style="border-bottom-color: transparent;"><a class="my-menu-a hoverable">小食</a></li></ul></div></div></div> <div class="el-row"><div><div class="el-row" style="margin-left: -10px; margin-right: -10px;"><div><div class="el-col el-col-6" style="padding-left: 10px; padding-right: 10px;"><div class="el-card hoverable is-always-shadow" style="margin: 20px 0px;"><!----><div class="el-card__body"><a href="recipeDetail.html?id=96&amp;type=1" style="text-decoration: none; color: rgb(51, 51, 51);"><img src="http://dev.img.p.yufeiworld.com/hongbei/1679641252349会议图片_20230321142334.png" alt="mvImg" width="100%" style="width: 100%; height: 144px;"> <div style="margin: 15px;"><p class="mn-card-title" style="margin: 0px;">帅的一</p></div> <div style="height: 25%; margin: 15px; overflow: hidden;"><div class="el-row"><div class="el-col el-col-3"><span class="el-avatar el-avatar--small el-avatar--circle"><img src="http://dev.img.p.yufeiworld.com/hongbei/1678777637955微信图片_20230314150654.jpg" style="object-fit: cover;"></span></div> <div class="el-col el-col-10"><span class="user-name" style="font-size: 12px; line-height: 25px; color: rgb(204, 204, 204);">
                                  谭伟鸿
                                 <div style="margin: 30px auto;"><button type="button" class="el-button more-btn el-button--default is-plain" style="display: block; margin: 0px auto;"><!----><!----><span><span style="font-size: 16px;">点击查看更多食谱</span></span></button></div></div></div> <div class="block-row el-row" name="mv" id="mn-mv-row"><a name="mv" class="anchor-a"></a> <div class="el-col el-col-24"><div class="el-row"><div class="el-col el-col-3"><p style="float: left; line-height: 65px; margin: 0px; font-size: 28px; font-weight: 500;">
    烘焙视频</p></div> <div class="el-col el-col-21"><div style="height: 65px;"><ul role="menubar" class="el-menu-demo el-menu--horizontal el-menu"><li role="menuitem" tabindex="-1" class="el-menu-item is-active" style="border-bottom-color: orange; color: orange;"><a class="my-menu-a hoverable">全部</a></li><li role="menuitem" tabindex="-1" class="el-menu-item" style="border-bottom-color: transparent;"><a class="my-menu-a hoverable">家常菜教学</a></li><li role="menuitem" tabindex="-1" class="el-menu-item" style="border-bottom-color: transparent;"><a class="my-menu-a hoverable">美食欣赏</a></li></ul></div></div></div> <div class="el-row"><div><div class="el-row" style="margin-left: -10px; margin-right: -10px;"><div><div class="el-col el-col-6" style="padding-left: 10px; padding-right: 10px;"><div class="el-card hoverable is-always-shadow" style="margin: 20px 0px;"><!----><div class="el-card__body"><a href="videoDetail.html?id=75&amp;type=2" style="text-decoration: none;"><img src="http://dev.img.p.yufeiworld.com/hongbei/16787850531631.png" alt="mvImg" style="width: 100%; height: 144px;"> <div style="height: 42px; margin: 15px;"><p class="mn-card-title" style="margin: 0px; color: rgb(51, 51, 51);">西红柿炒蛋</p></div> <div style="height: 25%; margin: 15px; overflow: hidden;"><div class="el-row"><div class="el-col el-col-3"><span class="el-avatar el-avatar--small el-avatar--circle"><img src="http://dev.img.p.yufeiworld.com/hongbei/16782583491181.png" style="object-fit: cover;"></span></div> <div class="el-col el-col-15"><span style="margin: 3px; font-size: 12px; line-height: 25px; color: rgb(204, 204, 204);">
                                    ttt
                               <div style="margin: 30px auto;"><button type="button" class="el-button more-btn el-button--default is-plain" style="display: block; margin: 0px auto;"><!----><!----><span><span style="font-size: 16px;">点击观看更多视频</span></span></button></div></div></div> <div class="block-row el-row" name="info" id="mn-info-row"><a name="info" class="anchor-a"></a> <div class="el-col el-col-24"><div class="el-row"><div class="el-col el-col-3"><p style="float: left; line-height: 65px; margin: 0px; font-size: 28px; font-weight: 500;">
    行业资讯</p></div></div> <div class="el-row"><div class="el-row" style="margin-left: -15px; margin-right: -15px;"><div><div class="el-col el-col-8" style="padding-left: 15px; padding-right: 15px;"><div class="el-card hoverable is-always-shadow" style="margin: 20px 0px;"><!----><div class="el-card__body"><a href="infoDetail.html?id=91&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><img src="http://dev.img.p.yufeiworld.com/hongbei/1679120233589屏幕截图 2023-03-18 140905.png" alt="infoImg" width="100%"> <div style="margin: 15px;"><h3 style="margin: 0px;">肉</h3> <div class="el-divider el-divider--horizontal"><!----></div> <p style="margin: 0px;">作为优质蛋白的良好来源，肉还是多种矿物质的较好来源，钠、钾、磷、硫、氯等元素的含量较多，铁、铜、锰、锌、锰、钴等元素也较丰富，但钙含量极低。不同种类的肉，其中脂</p></div></a><div style="height: fit-content; margin: 15px; overflow: hidden;"><a href="infoDetail.html?id=91&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><div class="el-row" style="color: rgb(204, 204, 204); font-size: 12px; line-height: 30px; margin: 0px 5px;"><div class="el-col el-col-3"><span class="el-avatar el-avatar--small el-avatar--circle"><img src="http://dev.img.p.yufeiworld.com/hongbei/1679119999900111111.png" style="object-fit: cover;"></span></div> <div class="el-col el-col-5"><span>邓锡良</span></div> <div class="el-col el-col-11"><div style="margin: 0px auto; width: fit-content; height: 100%;"><i class="el-icon-view"></i>
    5
    <i class="el-icon-s-comment"></i>
    0
  </div></div> <div class="el-col el-col-5"></div></div></a><a href="infoDetail.html?id=91&amp;type=3" class="t" style="float: right;">查看详情</a></div></div></div></div><div class="el-col el-col-8" style="padding-left: 15px; padding-right: 15px;"><div class="el-card hoverable is-always-shadow" style="margin: 20px 0px;"><!----><div class="el-card__body"><a href="infoDetail.html?id=71&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><img src="http://dev.img.p.yufeiworld.com/hongbei/16787795023001678777348742.png" alt="infoImg" width="100%"> <div style="margin: 15px;"><h3 style="margin: 0px;">作业</h3> <div class="el-divider el-divider--horizontal"><!----></div> <p style="margin: 0px;">真好</p></div></a><div style="height: fit-content; margin: 15px; overflow: hidden;"><a href="infoDetail.html?id=71&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><div class="el-row" style="color: rgb(204, 204, 204); font-size: 12px; line-height: 30px; margin: 0px 5px;"><div class="el-col el-col-3"><span class="el-avatar el-avatar--small el-avatar--circle"><img src="http://dev.img.p.yufeiworld.com/hongbei/16787776796571678777348742.png" style="object-fit: cover;"></span></div> <div class="el-col el-col-5"><span>张硕</span></div> <div class="el-col el-col-11"><div style="margin: 0px auto; width: fit-content; height: 100%;"><i class="el-icon-view"></i>
    3
    <i class="el-icon-s-comment"></i>
    0
  </div></div>
    <i class="el-icon-s-comment"></i>

  </div></div> <div class="el-col el-col-5"></div></div></a><a href="infoDetail.html?id=70&amp;type=3" class="t" style="float: right;">查看详情</a></div></div></div></div><div class="el-col el-col-8" style="padding-left: 15px; padding-right: 15px;"><div class="el-card hoverable is-always-shadow" style="margin: 20px 0px;"><!----><div class="el-card__body"><a href="infoDetail.html?id=67&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><img src="http://dev.img.p.yufeiworld.com/hongbei/1678778226980cefc1e178a82b9018559d16a7e8da9773812eff7.jpg" alt="infoImg" width="100%"> <div style="margin: 15px;"><h3 style="margin: 0px;">烘焙</h3> <div class="el-divider el-divider--horizontal"><!----></div> <p style="margin: 0px;">烘焙（baking），又称为烘烤、焙烤，是指在物料燃点之下通过干热的方式使物料脱水变干变硬的过程。烘焙是面包、蛋糕类产品制作不可缺少的步骤，通过烘焙后淀粉产生糊</p></div></a><div style="height: fit-content; margin: 15px; overflow: hidden;"><a href="infoDetail.html?id=67&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><div class="el-row" style="color: rgb(204, 204, 204); font-size: 12px; line-height: 30px; margin: 0px 5px;"><div class="el-col el-col-3"><span class="el-avatar el-avatar--small el-avatar--circle"><img src="http://dev.img.p.yufeiworld.com/hongbei/1678778259502cefc1e178a82b9018559d16a7e8da9773812eff7.jpg" style="object-fit: cover;"></span></div> <div class="el-col el-col-5"><span>吴立杰</span></div> <div class="el-col el-col-11"><div style="margin: 0px auto; width: fit-content; height: 100%;"><i class="el-icon-view"></i>
    1
    <i class="el-icon-s-comment"></i>
    0
  </div></div> <div class="el-col el-col-5"></div></div></a><a href="infoDetail.html?id=67&amp;type=3" class="t" style="float: right;">查看详情</a></div></div></div></div><div class="el-col el-col-8" style="padding-left: 15px; padding-right: 15px;"><div class="el-card hoverable is-always-shadow" style="margin: 20px 0px;"><!----><div class="el-card__body"><a href="infoDetail.html?id=66&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><img src="http://dev.img.p.yufeiworld.com/hongbei/1678778200558热干面.webp" alt="infoImg" width="100%"> <div style="margin: 15px;"><h3 style="margin: 0px;">家常菜</h3> <div class="el-divider el-divider--horizontal"><!----></div> <p style="margin: 0px;">做法一：
    1.鲜面条加入香油抹匀
    2.入蒸锅蒸10分钟左右，蒸好的面团用筷子抖散至晾凉。
    3.榨菜，酸豆角香葱切碎备用
    4.把芝麻酱，用香油，老抽，生抽，盐拌匀</p></div></a><div style="height: fit-content; margin: 15px; overflow: hidden;"><a href="infoDetail.html?id=66&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><div class="el-row" style="color: rgb(204, 204, 204); font-size: 12px; line-height: 30px; margin: 0px 5px;"><div class="el-col el-col-3"><span class="el-avatar el-avatar--small el-avatar--circle"><img src="http://dev.img.p.yufeiworld.com/hongbei/1678777745933小丸子.jpg" style="object-fit: cover;"></span></div> <div class="el-col el-col-5"><span>肖若琼</span></div> <div class="el-col el-col-11"><div style="margin: 0px auto; width: fit-content; height: 100%;"><i class="el-icon-view"></i>
    1
    <i class="el-icon-s-comment"></i>
    1
  </div></div> <div class="el-col el-col-5"></div></div></a><a href="infoDetail.html?id=66&amp;type=3" class="t" style="float: right;">查看详情</a></div></div></div></div><div class="el-col el-col-8" style="padding-left: 15px; padding-right: 15px;"><div class="el-card hoverable is-always-shadow" style="margin: 20px 0px;"><!----><div class="el-card__body"><a href="infoDetail.html?id=64&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><img src="http://dev.img.p.yufeiworld.com/hongbei/16787781304376f061d950a7b02087bf44aacab93e5d3572c11df6261.jfif" alt="infoImg" width="100%"> <div style="margin: 15px;"><h3 style="margin: 0px;">烤全羊</h3> <div class="el-divider el-divider--horizontal"><!----></div> <p style="margin: 0px;">内蒙烤全羊是蒙古族传统名菜，为招待贵宾或举行重大庆典时的盛宴特制的佳肴；烤全羊起源于西北游牧民族，是蒙古民族的餐中之尊。
    内蒙烤全羊，以前只供蒙古贵族享用，是上</p></div></a><div style="height: fit-content; margin: 15px; overflow: hidden;"><a href="infoDetail.html?id=64&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><div class="el-row" style="color: rgb(204, 204, 204); font-size: 12px; line-height: 30px; margin: 0px 5px;"><div class="el-col el-col-3"><span class="el-avatar el-avatar--small el-avatar--circle"><img src="http://dev.img.p.yufeiworld.com/hongbei/1678777690688a72899eea6f08bb81422f72f55910b9.png" style="object-fit: cover;"></span></div> <div class="el-col el-col-5"><span>中关村-史利鹏</span></div> <div class="el-col el-col-11"><div style="margin: 0px auto; width: fit-content; height: 100%;"><i class="el-icon-view"></i>
    15
    <i class="el-icon-s-comment"></i>
    1
  </div></div> <div class="el-col el-col-5"></div></div></a><a href="infoDetail.html?id=64&amp;type=3" class="t" style="float: right;">查看详情</a></div></div></div></div><div class="el-col el-col-8" style="padding-left: 15px; padding-right: 15px;"><div class="el-card hoverable is-always-shadow" style="margin: 20px 0px;"><!----><div class="el-card__body"><a href="infoDetail.html?id=56&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><img src="http://dev.img.p.yufeiworld.com/hongbei/16787777486016D03F2A6-127C-4622-B04E-29516B239894.jpeg" alt="infoImg" width="100%"> <div style="margin: 15px;"><h3 style="margin: 0px;">来个资讯</h3> <div class="el-divider el-divider--horizontal"><!----></div> <p style="margin: 0px;">unantu</p></div></a><div style="height: fit-content; margin: 15px; overflow: hidden;"><a href="infoDetail.html?id=56&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><div class="el-row" style="color: rgb(204, 204, 204); font-size: 12px; line-height: 30px; margin: 0px 5px;"><div class="el-col el-col-3"><span class="el-avatar el-avatar--small el-avatar--circle"><img src="http://dev.img.p.yufeiworld.com/hongbei/1678778290252E290E7F4-29ED-416A-B57F-7A93BCD36D6D.jpeg" style="object-fit: cover;"></span></div> <div class="el-col el-col-5"><span>史跃华</span></div> <div class="el-col el-col-11"><div style="margin: 0px auto; width: fit-content; height: 100%;"><i class="el-icon-view"></i>
    2
    <i class="el-icon-s-comment"></i>
    2
  </div></div> <div class="el-col el-col-5"></div></div></a><a href="infoDetail.html?id=56&amp;type=3" class="t" style="float: right;">查看详情</a></div></div></div></div><div class="el-col el-col-8" style="padding-left: 15px; padding-right: 15px;"><div class="el-card hoverable is-always-shadow" style="margin: 20px 0px;"><!----><div class="el-card__body"><a href="infoDetail.html?id=46&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><img src="http://dev.img.p.yufeiworld.com/hongbei/167877756305503.png" alt="infoImg" width="100%"> <div style="margin: 15px;"><h3 style="margin: 0px;">红烧肉</h3> <div class="el-divider el-divider--horizontal"><!----></div> <p style="margin: 0px;">红烧肉（拼音： hóng shāo ròu），一道著名的大众菜肴，各大菜系都有自己特色的红烧肉。其以五花肉为制作主料，也可用猪后腿代替 [3]  ，最好选用肥瘦</p></div></a><div style="height: fit-content; margin: 15px; overflow: hidden;"><a href="infoDetail.html?id=46&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><div class="el-row" style="color: rgb(204, 204, 204); font-size: 12px; line-height: 30px; margin: 0px 5px;"><div class="el-col el-col-3"><span class="el-avatar el-avatar--small el-avatar--circle"><img src="http://dev.img.p.yufeiworld.com/hongbei/1678777318651企业微信截图_16787769356781.png" style="object-fit: cover;"></span></div> <div class="el-col el-col-5"><span>杜峰峰</span></div> <div class="el-col el-col-11"><div style="margin: 0px auto; width: fit-content; height: 100%;"><i class="el-icon-view"></i>
    2
    <i class="el-icon-s-comment"></i>
    1
  </div></div> <div class="el-col el-col-5"></div></div></a><a href="infoDetail.html?id=46&amp;type=3" class="t" style="float: right;">查看详情</a></div></div></div></div><div class="el-col el-col-8" style="padding-left: 15px; padding-right: 15px;"><div class="el-card hoverable is-always-shadow" style="margin: 20px 0px;"><!----><div class="el-card__body"><a href="infoDetail.html?id=44&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><img src="http://dev.img.p.yufeiworld.com/hongbei/1678777569421v2-e6082e02e1ed2528b386056a8d955f55_r.jpg" alt="infoImg" width="100%"> <div style="margin: 15px;"><h3 style="margin: 0px;">烘焙小屋</h3> <div class="el-divider el-divider--horizontal"><!----></div> <p style="margin: 0px;">烘焙新手菜单选择可是很有门道的。首先用料要常见易得，其次步骤一定要清晰明了，当然成功率也很重要，有了这些保障相信就算是烘焙小白也可以成功做出貌美又美味的作品。</p></div></a><div style="height: fit-content; margin: 15px; overflow: hidden;"><a href="infoDetail.html?id=44&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><div class="el-row" style="color: rgb(204, 204, 204); font-size: 12px; line-height: 30px; margin: 0px 5px;"><div class="el-col el-col-3"><span class="el-avatar el-avatar--small el-avatar--circle"><img src="http://dev.img.p.yufeiworld.com/hongbei/1678777615459v2-e6082e02e1ed2528b386056a8d955f55_r.jpg" style="object-fit: cover;"></span></div> <div class="el-col el-col-5"><span>beiwei</span></div> <div class="el-col el-col-11"><div style="margin: 0px auto; width: fit-content; height: 100%;"><i class="el-icon-view"></i>
    2
    <i class="el-icon-s-comment"></i>
    1
  </div></div> <div class="el-col el-col-5"></div></div></a><a href="infoDetail.html?id=44&amp;type=3" class="t" style="float: right;">查看详情</a></div></div></div></div><div class="el-col el-col-8" style="padding-left: 15px; padding-right: 15px;"><div class="el-card hoverable is-always-shadow" style="margin: 20px 0px;"><!----><div class="el-card__body"><a href="infoDetail.html?id=23&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><img src="http://dev.img.p.yufeiworld.com/hongbei/1678775936028QQ图片20220920174815.jpg" alt="infoImg" width="100%"> <div style="margin: 15px;"><h3 style="margin: 0px;">拜托用面包塞爆朋友超爽的好吗</h3> <div class="el-divider el-divider--horizontal"><!----></div> <p style="margin: 0px;">面包也写作麺包，一种用五谷（一般是麦类）磨粉制作并加热而制成的食品。以小麦粉为主要原料，以酵母、鸡蛋、油脂、糖、盐等为辅料，加水调制成面团，经过分割、成形、醒发</p></div></a><div style="height: fit-content; margin: 15px; overflow: hidden;"><a href="infoDetail.html?id=23&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><div class="el-row" style="color: rgb(204, 204, 204); font-size: 12px; line-height: 30px; margin: 0px 5px;"><div class="el-col el-col-3"><span class="el-avatar el-avatar--small el-avatar--circle"><img src="http://dev.img.p.yufeiworld.com/hongbei/1678775812933d6ca7bcb0a46f21fbe09df8d81767c600c33864400e8.png" style="object-fit: cover;"></span></div> <div class="el-col el-col-5"><span>无锡宝龙杨家豪</span></div> <div class="el-col el-col-11"><div style="margin: 0px auto; width: fit-content; height: 100%;"><i class="el-icon-view"></i>
    25
    <i class="el-icon-s-comment"></i>
    1
  </div></div> <div class="el-col el-col-5"></div></div></a><a href="infoDetail.html?id=23&amp;type=3" class="t" style="float: right;">查看详情</a></div></div></div></div><div class="el-col el-col-8" style="padding-left: 15px; padding-right: 15px;"><div class="el-card hoverable is-always-shadow" style="margin: 20px 0px;"><!----><div class="el-card__body"><a href="infoDetail.html?id=22&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><img src="http://dev.img.p.yufeiworld.com/hongbei/1678241477535整洁架构.png" alt="infoImg" width="100%"> <div style="margin: 15px;"><h3 style="margin: 0px;">TEST 食谱</h3> <div class="el-divider el-divider--horizontal"><!----></div> <p style="margin: 0px;">测试 架构</p></div></a><div style="height: fit-content; margin: 15px; overflow: hidden;"><a href="infoDetail.html?id=22&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><div class="el-row" style="color: rgb(204, 204, 204); font-size: 12px; line-height: 30px; margin: 0px 5px;"><div class="el-col el-col-3"><span class="el-avatar el-avatar--small el-avatar--circle"><img src="http://dev.img.p.yufeiworld.com/hongbei/16782583491181.png" style="object-fit: cover;"></span></div> <div class="el-col el-col-5"><span>ttt</span></div> <div class="el-col el-col-11"><div style="margin: 0px auto; width: fit-content; height: 100%;"><i class="el-icon-view"></i>
    6
    <i class="el-icon-s-comment"></i>
    1
  </div></div> <div class="el-col el-col-5"></div></div></a><a href="infoDetail.html?id=22&amp;type=3" class="t" style="float: right;">查看详情</a></div></div></div></div><div class="el-col el-col-8" style="padding-left: 15px; padding-right: 15px;"><div class="el-card hoverable is-always-shadow" style="margin: 20px 0px;"><!----><div class="el-card__body"><a href="infoDetail.html?id=11&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><img src="http://dev.img.p.yufeiworld.com/hongbei/16778405678391677727820800mb8.jpg" alt="infoImg" width="100%"> <div style="margin: 15px;"><h3 style="margin: 0px;">成都一蛋糕店遭恶意退单，一查竟是同行干的！对方回应：攻击错对象</h3> <div class="el-divider el-divider--horizontal"><!----></div> <p style="margin: 0px;">订单下了之后，估摸着蛋糕快做完时就点退款，这种情况持续了一周。”在刚刚过去的一周，王先生位于成都市武侯区晋阳路的蛋糕店遇到了一件蹊跷的事儿，外卖平台上的订单在下</p></div></a><div style="height: fit-content; margin: 15px; overflow: hidden;"><a href="infoDetail.html?id=11&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><div class="el-row" style="color: rgb(204, 204, 204); font-size: 12px; line-height: 30px; margin: 0px 5px;"><div class="el-col el-col-3"><span class="el-avatar el-avatar--small el-avatar--circle"><img src="http://dev.img.p.yufeiworld.com/hongbei/167784108530216777494811424.jpg" style="object-fit: cover;"></span></div> <div class="el-col el-col-5"><span>永辉</span></div> <div class="el-col el-col-11"><div style="margin: 0px auto; width: fit-content; height: 100%;"><i class="el-icon-view"></i>
    55
    <i class="el-icon-s-comment"></i>
    3
  </div></div> <div class="el-col el-col-5"></div></div></a><a href="infoDetail.html?id=11&amp;type=3" class="t" style="float: right;">查看详情</a></div></div></div></div><div class="el-col el-col-8" style="padding-left: 15px; padding-right: 15px;"><div class="el-card hoverable is-always-shadow" style="margin: 20px 0px;"><!----><div class="el-card__body"><a href="infoDetail.html?id=5&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><img src="http://dev.img.p.yufeiworld.com/hongbei/167784062292316777494392983.jpg" alt="infoImg" width="100%"> <div style="margin: 15px;"><h3 style="margin: 0px;">烘焙行业越来越难做了？并不是</h3> <div class="el-divider el-divider--horizontal"><!----></div> <p style="margin: 0px;">总有人抱怨说烘焙行业越来越难做了，其实主要还是经营策略和方法问题。我们拿生日蛋糕举例，尤其是水果蛋糕，有个十分大的难题，就是说制作次数太低。大部分人一年只过一次</p></div></a><div style="height: fit-content; margin: 15px; overflow: hidden;"><a href="infoDetail.html?id=5&amp;type=3" style="text-decoration: none; color: rgb(51, 51, 51);"><div class="el-row" style="color: rgb(204, 204, 204); font-size: 12px; line-height: 30px; margin: 0px 5px;"><div class="el-col el-col-3"><span class="el-avatar el-avatar--small el-avatar--circle"><img src="http://dev.img.p.yufeiworld.com/hongbei/167784108530216777494811424.jpg" style="object-fit: cover;"></span></div> <div class="el-col el-col-5"><span>永辉</span></div> <div class="el-col el-col-11"><div style="margin: 0px auto; width: fit-content; height: 100%;"><i class="el-icon-view"></i>
    28
    <i class="el-icon-s-comment"></i>
    2
  </div></div> <div class="el-col el-col-5"></div></div></a><a href="infoDetail.html?id=5&amp;type=3" class="t" style="float: right;">查看详情</a></div></div></div></div></div></div></div> <div style="margin: 30px auto;"><button type="button" class="el-button more-btn el-button--default is-plain" style="display: block; margin: 0px auto;"><!----><!----><span><span style="font-size: 16px;">点击获取更多资讯</span></span></button></div></div></div></div></main> <footer class="el-footer" id="el-ft" style="height: fit-content; width: 100%;"><div id="ft-top-div" style="width: 100%; height: 220px; background: rgb(47, 50, 52); padding: 40px 0px;"><div style="width: 1200px; margin: 15px auto;"><div class="el-row is-justify-space-between el-row--flex"><div class="el-col el-col-5" style="height: 100%;"><div style="margin: 0px auto;"><img src="/imgs/icon/icon01.png" alt="iconImg" style="filter: grayscale(100%);"> <p>教程灵感就看烘焙馆</p> <p>烘焙行业网络社区平台</p> <p>全国百城上千个职位等你来</p></div></div> <div class="el-col el-col-3" style="height: 100%;"><div class="verticalDivision"></div></div> <div class="el-col el-col-2" style="height: 100%;"><h3>关于我们</h3> <a href="javascript:void(0)" class="hoverable">
    关于我们
  </a><a href="javascript:void(0)" class="hoverable">
    烘焙学院
  </a><a href="javascript:void(0)" class="hoverable">
    烘焙食谱
  </a><a href="javascript:void(0)" class="hoverable">
    分类信息
  </a><a href="javascript:void(0)" class="hoverable">
    求职招聘
  </a><a href="javascript:void(0)" class="hoverable">
    社区交流
  </a></div> <div class="el-col el-col-2" style="height: 100%;"><h3>支持与服务</h3> <a href="javascript:void(0)" class="hoverable">
    联系我们
  </a><a href="javascript:void(0)" class="hoverable">
    广告投放
  </a><a href="javascript:void(0)" class="hoverable">
    用户协议
  </a><a href="javascript:void(0)" class="hoverable">
    友情链接
  </a><a href="javascript:void(0)" class="hoverable">
    在线反馈
  </a><a href="javascript:void(0)" class="hoverable">
    我发投稿
  </a></div> <div class="el-col el-col-2" style="height: 100%;"><h3>底部导航</h3> <a href="javascript:void(0)" class="hoverable">
    Archiver
  </a><a href="javascript:void(0)" class="hoverable">
    手机版
  </a><a href="javascript:void(0)" class="hoverable">
    小黑屋
  </a></div> <div class="el-col el-col-3" style="height: 100%;"><div class="verticalDivision"></div></div> <div class="el-col el-col-5" style="height: 100%;"><div class="el-row" style="margin: 15px auto;"></div> <div style="margin: 0px auto; width: fit-content;"><span style="font-size: 54px; color: rgb(255, 115, 0);">烘焙</span> <span style="font-size: 54px; color: rgb(103, 107, 111); font-style: normal;">馆</span> <p>烘焙行业网络社区平台</p></div></div></div></div></div> <div style="width: 100%; height: 23px; background: rgb(41, 41, 41); padding: 13px 0px;"><div style="width: 1200px; margin: 0px auto;"><p style="color: rgb(170, 170, 170); text-align: center; font-size: 14px; line-height: 30px; margin: 0px auto;">
    Copyright ©2018-2020 烘焙舘Powered by©TEDU!技术支持：烘焙馆
  </p></div></div></footer></section>
</div>
</body>
<!-- import Vue before Element -->
<script src="https://unpkg.com/vue@2/dist/vue.js"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
  new Vue({
    el: '#app',
    data: function() {
      return {
        visible: false
      }
    }
  })
</script>
</html>